@font-face { font-family: Pixel; src: url('../fnt/pixelthing.ttf'); }

body{
	font: 12px/1.5 Pixel, Arial, sans-serif;
	color: #442e22;
	padding:0;
	margin:0;
	background-color: #39314b;
	background-image: url('../img/bgLLL.gif');
	background-size: 2048px;
	background-position: 200% 0%;
	background-attachment: fixed;
	background-repeat: repeat-x;
	image-rendering: pixelated;
	image-rendering: -moz-crisp-edges;
}

h1 {text-align: left; margin:0px; font-size: 30px; letter-spacing: 2px; color: #563868;}
h2 {text-align: left; margin-top: 8px; font-size: 16px; letter-spacing: 2px; color: #563868;}
h3 {text-align: left; margin-left: 128px; margin-top: -8px; font-size: 12px; letter-spacing: 2px; color: #c8a4de;}
p {text-align: center; margin-top:8px; margin-bottom:32px;}
div {text-align: center;}

.container{
	width:900px;
	margin:auto;
	padding: 30px;
	overflow:hidden;
	background:#ffffff;
}

header{
	position:relative;
	width:960px;
	height:268px;
	margin:auto;
	padding: 0px;
	overflow:hidden;
	background-image: url('../Imagens/yiffbrasil-small.png');
	background-repeat: no-repeat;
	background-position: center;
}

.headerAAA{
	position:relative;
	width:960px;
	height:40px;
	margin:auto;
	padding: 0px;
	overflow:hidden;
	/*background:#ff99b6;*/
	/*background:#81c589;*/
	background-image: url('../img/headerAAA.png');
	/*border-bottom: 6px solid #de8cd9;*/
}

.sep{
	position:relative;
	width:960px;
	height:36px;
	margin:auto;
	padding: 0px;
	overflow:hidden;
	background-image: url('../img/sepLLL.png');

}

footer{
	color: #ffffff;
	width:960px;
	margin:auto;
	padding: 0px;
	overflow:hidden;
	background:#563868;
}

.logo{
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
}

audio{
	display: block;
	width: 708px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	border-radius: 0px;
}

.audio2{
	display: block;
	width: 468px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	border-radius: 0px;
}

.audioblock{
	width:840px;
	margin:auto;
	padding: 0px;
	/*overflow:hidden;*/
	text-align: left;
	/*background:#7dd489;*/
}

.cover{
	display: block;
	margin-left: 0px;
	margin-right: 20px;
	padding: 0px;
	float: left;
}

.OST{
	/*display: block;*/
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
	float: center;
}
#gradred {
	width:900px;
	margin:auto;
	padding: 30px;
	overflow:hidden;
	background:#ffffff;
	background-color: rgb(255, 94, 0); /* For browsers that do not support gradients */
	background-image: linear-gradient(to right, rgb(221, 241, 103) , rgb(114, 228, 142), rgb(114, 205, 228));
  }

  .morphext > .animated {
    display: inline-block;
}
.animated {
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
  }